<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">潮派元素科技</a>
        </div>
        <div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/"><span class="glyphicon glyphicon-home"></span> 主页</a></li>
                <li><a href="/admin"><span class="glyphicon glyphicon-send"></span> 后台</a></li>
                <li><a href="/register"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
                {% if current_user.is_authenticated and current_user.area == 1 %}
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        {{current_user.name}} <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a class="glyphicon glyphicon-log-out" href="/logout"> 退出登录</a></li>
                    </ul>
                </li>
                {% else %}
                <li><a href="/login"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
                {% endif %}
            </ul>
        </div>
    </div>
</nav>